
<template>
  <div class="popupMask">
    <div class="popupPenal">
      <div class="popPenalTitle">
        <div class="popPenalTitleName">
          添加QC样品
        </div>
        <div class="popupClose" v-on:click="close">
          <el-button size="mini">关闭</el-button>
        </div>
      </div>
      <div class="penalContent" >
        <div>
          <div class="penalrow selectw100">
            <div class=" width100 ">
                <div class="inlineblock verticalmiddle">
                  现场平行
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-checkbox :disabled="yilingyangpin.length==0">添加</el-checkbox>
                </div>
            </div>
            <div class=" width100 ">
                <div class="inlineblock verticalmiddle">
                  加标回收
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-checkbox :disabled="yilingyangpin.length==0">添加</el-checkbox>
                </div>
            </div>
          </div>
          <div class="penalrow selectw100">
            <div class=" width100 ">
              <div class="inlineblock verticalmiddle">
                现场空白
              </div>
              <div class="inlineblock verticalmiddle informationItem">
                  <el-checkbox>添加</el-checkbox>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class=" penalFooter">
              <el-button class="penalButton" type="primary" size="mini" v-on:click="close">添加</el-button>
              <el-button class="penalButton" size="mini" v-on:click="close">取消</el-button>
      </div>
    </div>
  </div>
</template>

<script>

import { mapState } from 'vuex'

export default {
  data () {
    const generateData = _ => {
        const data = [];
        for (let i = 1; i <= 15; i++) {
          data.push({
            key: i,
            label: `标准物质 ${ i }`
          });
        }
        return data;
      };
    return {
      yesornoValue:'1',
      enableStatusValue:'1',
      monitoringPoints:generateData(),
      monitoringPointsValue:[1,4],
    }
  },
  computed:{
    ...mapState(['enableStatus','tableHeightA','yesorno','enableStatus']),
  },
  props:['newOrEdit','canEdit','yilingyangpin'],
  methods:{
    close(){
      this.$parent.addqcShow = false;
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.tabName{
    display: inline-block;
    cursor: pointer;
    padding: 0px 15px;
    border: 1px solid #b7b7b7;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    color: #a9a9a9;
}
.activeTab{
  color: #409eff;
}
.tabPageContent{

}
</style>
